/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) Screen layout for YAML examples
 * (de) Bildschirmlayout für YAML-Beispiele
 *
 * @copyright       Copyright 2005-2010, Dirk Jesse
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         3.3
 * @revision        $Revision:426 $
 * @lastmodified    $Date: 2010-09-14 21:19:30 +0200 (Di, 14 Sep 2010) $
 */

@media screen, projection
{

  /** 
   * (en) Forcing vertical scrollbars in IE8, Firefox, Webkit & Opera 
   * (de) Erzwingen vertikaler Scrollbalken in IE8, Firefox, Webkit & Opera 
   *
   * @workaround
   * @affected IE8, FF, Webkit, Opera
   * @css-for all
   * @valid CSS3
   */
  html,body,.page_margins,.page{padding:0;}
  html {background-color: #F7F6F1;}
  div{border:0px solid red;}
  body{border:0px solid red;font-size:12px;}  
  
  .page_margins,.main,.page{width:100%;}
  .page_margins { max-width:none; background:transparent; }
  
  
  /**  footer fix bottom **/
  .page_margins{min-height: 100%;border:0px solid yellow;}
  .page{height:100%;padding-bottom:60px;}
  /*------------------------------------------------------------------------------------------------------*/
  
  /**
   * (en) Formatting YAML's  basic layout elements
   * (de) Gestaltung des YAML Basis-Layouts
   */

  /* (en) Marginal areas & page background */
  /* (de) Randbereiche & Seitenhintergrund */
  body { background-color:transparent; }
  a:focus {background: transparent; }
  /* (en) Layout:width, background, borders */
  /* (de) Layout:Breite, Hintergrund, Rahmen */
  #header {
    background:#1D507D;
    color:white;
    -webkit-box-shadow: rgba(255, 255, 255, 0.496094) 0px 0px 2px inset;
	background-image: -webkit-gradient(linear, 0% 0%, 100% 0%, from(#BBC6D2), to(#8CA3BA));
    background: transparent url(data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAoCAIAAABINPzXAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAE5JREFUOMtjSW7cwYAbsPz//3/ApP/9+0eR4f/wG45fN367/xEy/B8lhv+jJFj+/ftLS6eNVOm/FKWW/7RzGmUp9T+BtEaRbgJZkJaFBwAQC3Z91lbIqAAAAABJRU5ErkJggg==) repeat-x 0% 0%;
    height:15px;
  }
  #header span{color: #Edc;}
  #topnav a{color: #Edc;}
  #header h1 {display:inline;color:white;}
  #header{padding:10px 2em 15px 10px;}
  

  /* (en) #topnav gets absolute positioning within #header */
  /* (de) #topnav wird innerhalb von #header absolut positioniert */
  #topnav { 
	background:transparent; 
  }
  
  #main { background:transparent;padding:10px 0;}
  #main,#col3,#col3_content{padding-top:0;margin-top:0;margin-right:0;}
  #col3{margin-left:200px;}
  
  .page_margins{
  background-color:#DFE7EF;
  }
  
  .content-wrap{
  	padding-top:10px;
  }
  .hlist {
    border-top:0px solid #D57730;
    border-bottom:1px solid black;
    background:#5580A6 /*url("/images/index_bg.png") repeat-x center right*/;
  }
  .hlist ul li {
	border-left: 1px solid white;
	border-right: 1px solid #AAA;
  }
  .hlist ul li a{
    color:#ddd;
  }
  .hlist ul li.active a{
    color:white;
  }
  .hlist ul li.active {
	background:#63C4E9;
	}
  
    
  /* (en) adjustment of main navigation */
  /* (de) Anpassung der Hauptnavigation */
  #footer{
  opacity:0.8;
    display:block;
    padding-left:0;
    padding-right:0;
  	margin-top:-58px;
  	clear: both;
	position: relative;
	width: 100%;
	}
	
	
	#nav{display:none;border:1px solid red;}

	#header img{
	display:none;
	}
  
}
